/<template>
  <div>
      <ul>
          <li 
          v-for="(item,index) in foot" 
          :key="index"
          @click="changeActive(index)"
          :class='{on:index==activeIndex}'
          >{{item.title}}</li>
      </ul>
  </div>
</template>

<script>
export default {
    props:{
        foot:Array,
        activeIndex:Number
    },
    methods:{
        changeActive(index){
            this.bus.$emit('changeActive',index)
        }
    }
}
</script>

<style>
.on{
    color: #fff;
}
</style>